import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router'
import axios from 'axios'
import jquery from 'jquery'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';


Vue.use(ElementUI);

//import jquery_form from 'jquery-form'
Vue.prototype.$http = axios;
import { store } from './vuex/store.js'
import gg from './js/custom.js'
import config from './config.js'
Vue.prototype.gg = gg
Vue.prototype.config = config
//import Element from 'element-ui';
//console.log(Element)

/*注册组件*/

Vue.use(VueRouter);
const Foo = {
	template: '<div>foo </div>'
}
const Bar = {
	template: '<div>bar</div>'
}
const MoreBar = {
	template: '<div><router-view ></router-view></div>'
}

const roster = () =>
	import( /* webpackChunkName: "group-login" */ './components/roster.vue')

// 2. 定义路由
// 每个路由应该映射一个组件。 其中"component" 可以是
// 通过 Vue.extend() 创建的组件构造器，
// 或者，只是一个组件配置对象。
// 我们晚点再讨论嵌套路由。
const routes = [{
		path: '/',
		component: roster,
		meta: {
			title: "HELLO"
		},
	}

]

// 3. 创建 router 实例，然后传 `routes` 配置
// 你还可以传别的配置参数, 不过先这么简单着吧。
const router = new VueRouter({
	// mode: 'history',?
	routes // （缩写）相当于 routes: routes
})

router.beforeEach((to, from, next) => {
    if (to.matched.length === 0) {
        /* 路由发生变化修改页面title */
        if (to.meta.title) {
            document.title = to.meta.title
        }
        next() //如果未匹配到路由
        from.name ? next({
            name: from.name
        }) : next('/'); //如果上级也未匹配到路由则跳转登录页面，如果上级能匹配到则转上级路由
    } else {
        /* 路由发生变化修改页面title */
        if (to.meta.title) {
            document.title = to.meta.title
        }
        next()
        next(); //如果匹配到正确跳转
    }
});
new Vue({
	router: router,
	el: '#App',
	render: h => h(App)
}).$mount('#App');